body{
	margin: 0px;
}
#left{
	width: 20%;
	height: 500px;
	position: relative;
	left: 0px;
	top: 0px;
}
.top{
	width: 100%;
	height: 55%;
	border: 1px solid gainsboro;
	background-color: #EDEDED;
	position: relative;
}
.bottom{
	width: 100%;
	height: 45%;
	border: 1px solid gainsboro;
	position: absolute;
	bottom: 0px;
	background-color: #EDEDED;
}
.top_body{
	width: 100%;
	height: 85%;
	position: absolute;
	bottom: 0px;
}
.top_body_button1{
	width: 80%;
	height: 15%;
	position: absolute;
	top: 15px;
	left: 25px;
	border-radius: 20px;
}
.top_body_button2{
	width: 80%;
	height: 15%;
	position: absolute;
	top: 55px;
	left: 25px;
	border-radius: 20px;
}
.top_body_button3{
	width: 80%;
	height: 15%;
	position: absolute;
	top: 95px;
	left: 25px;
	border-radius: 20px;
}
.top_body_button4{
	width: 80%;
	height: 15%;
	position: absolute;
	bottom: 60px;
	left: 25px;
	border-radius: 20px;
}
.top_title{
	width: 100%;
	height: 15%;
	background-color: #D4D4D4;
}
.top_title span{
	font-family: "楷体";
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 20px;
	line-height: 45px;
}
.bottom_title{
	width: 100%;
	height: 18%;
	background-color: #D4D4D4;
}
.bottom_title span{
	font-family: "楷体";
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 20px;
	line-height: 45px;
}
.bottom_body span{
	position: absolute;
	top: 50px;
	left: 25px;
}
#right{
	width: 78%;
	height: 500px;
	border: 1px solid gainsboro;
	position: absolute;
	right: 0px;
	top: 0px;
}

.top_body button{
	outline: none;
}
.img{
	margin: 15px;
	padding: 0px;
	text-align: center;
	width: 30%;
	height: 200px;
	float: left;
}